<a nz-dropdown nzTrigger="click" [(nzVisible)]="locationDropdownState" [nzDropdownMenu]="menu" [nzClickHide]="false"
  (nzVisibleChange)="locationDropdownChange($event)">
  <!-- <button nz-button nzType="primary">全国<i nz-icon [nzType]="locationDropdownState?'up':'down'"></i></button> -->
  <button nz-button nzType="primary">全国<i nz-icon class="location-dropdown-icon" [ngStyle]="{'transform':locationDropdownState ? 'rotate(180deg)' : 'rotate(0deg)' }" nzType="down"></i></button>
</a>
<nz-dropdown-menu #menu="nzDropdownMenu">
  <ul class="dropdown-menu">
    <li>
      <nz-select style="width: 200px;" nzShowSearch nzAllowClear nzPlaceHolder="请选择省" [(ngModel)]="province"
        (ngModelChange)="locationSelectChange($event,'province')">
        <nz-option *ngFor="let i of provinceOptions" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
      </nz-select>
    </li>
    <li>
      <nz-select style="width: 200px;" nzShowSearch nzAllowClear nzPlaceHolder="请选择市" [(ngModel)]="city"
        (ngModelChange)="locationSelectChange($event,'city')">
        <nz-option *ngFor="let i of cityOptions" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
      </nz-select>
    </li>
    <li>
      <nz-select style="width: 200px;" nzShowSearch nzAllowClear nzPlaceHolder="请选择区" [(ngModel)]="district"
        (ngModelChange)="locationSelectChange($event,'district')">
        <nz-option *ngFor="let i of districtOptions" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
      </nz-select>
    </li>
  </ul>
</nz-dropdown-menu>